<template>
  <footer id="footer">
    <div class="layout-container">
      <div class="inner">
        <ul class="links">
          <li><a :href="'/help'" target="_blank">帮助中心</a></li>
          <li><a :href="'/help/about'" target="_blank">关于我们</a></li>
          <li><a :href="'/terms'" target="_blank">服务协议</a></li>
        </ul>
      </div>
    </div>
  </footer>
</template>

<style rel="stylesheet/scss" lang="scss">
  #footer{
    background: #fafafa;
    .inner{
      margin-left: auto;
      margin-right: auto;
      padding: 24px;
			min-height: 64px;
      text-align: center;
      color: #8c8c8c;

      .links{
        min-height: 16px;
        text-align: center;
        li{
          display: inline-block;
          border-left: 1px solid #e8e8e8;
          padding: 0 12px;
          font-size: 15px;
          &:first-child{
            border-left: 0;
          }

          a{
            display: inline-block;
            color: #8c8c8c;
            line-height: 1;

            &:hover{
              color: #bfbfbf;
            }
          }
        }
      }
    }
  }
</style>
